<%@ page session="false" language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>运行养护</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/jquery-ui.css" />

    <!-- page specific plugin styles -->

    <!-- text fonts -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

    <!--[if lte IE 9]>
			<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->

    <!--[if lte IE 9]>
		  <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-ie.css" />
		<![endif]-->

    <!-- inline styles related to this page -->
    <link rel="stylesheet" href="${contextPath}/resources/css/js/iframe.css" />
    <link rel="stylesheet" href="${contextPath}/resources/css/jikong.css">
	
    
    <!-- ace settings handler -->
    <script src="${contextPath}/resources/assets/js/ace-extra.js"></script>
    <script type="text/javascript">
   var contextPath = '${contextPath}';
   </script>
   <script src="${contextPath}/resources/assets/js/jquery.js"></script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]>
		<script src="${contextPath}/resources/assets/js/html5shiv.js"></script>
		<script src="${contextPath}/resources/assets/js/respond.js"></script>
		<![endif]-->

    <style>
        .seari_logo {
            padding-left: 10px;
            color: #ffffff;
            font-size: 20px;
            text-shadow: none;
            font-weight: 600;
            line-height: 80px;
        }
        
        .seari_logo:hover,
        .seari_logo:focus {
            color: #ffffff;
            text-decoration: none;
        }
        
        .navbar {
            min-height: 80px;
            background: url('${contextPath}/resources/img/navbar-bg.png') repeat-x;
        }
        
        .navbar .navbar-nav > li {
            border: 0px solid rgba(0, 0, 0, 0);
        }
        
        .navbar .navbar-nav > li > a {
            padding-top: 18px;
        }
        
        @media only screen and (max-width: 991px) {
            .navbar-nav {
                float: left;
                margin: 0;
            }
            .navbar-nav > li {
                float: left;
            }
            .navbar-menu-min .navbar-nav > li > a > .menu-title {
                /*display: none;*/
            }
            .seari_logo,.seari_user {
                display: none;
            }
            .navbar-menu{
                background-color: #607990;
            }
        }
        
        .navbar-menu {
            padding-top: 20px;
            
        }
        
        .menu-title {
            font: 16px/1.5 'Microsoft YaHei', SimSun;
        }
        
        .page-content {
            font: 12px/20px "Microsoft YaHei";
        }
        
        .sidebar {
            font-family: "Microsoft YaHei";
        }
        
        .breadcrumb {
            font-family: "Microsoft YaHei";
        }
        /****box design style*****/
        
        .box {
            float: left;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            display: block;
            background-color: #fff;
        }
        
        .london {
            border-top: 7px solid #19beb6;
        }
        
        .paris {
            border-top: 7px solid #df9801;
        }
        
        .box-icon {
            width: 100%;
            position: relative;
        }
        
        .info-nav-container {
            width: 32%;
            margin-right: 3%;
        }
        
        .float-container {
            overflow: auto;
        }
        
        .info {
            width: 100%;
            padding: 15px 30px 20px;
            font-size: 16px;
        }
        
        .info-description-container {
            padding: 20px 30px;
            float: right;
            width: 65%;
        }
        
        .london-title {
            padding: 0 0 0 5px;
            border-left: 2px solid #19beb6;
            margin: 25px 0px;
        }
        
        .london-title h2 {
            color: #19beb6;
            font: 24px/1.5 'Microsoft YaHei';
            margin: 5px;
        }
        
        .paris-title {
            border-left: 2px solid #df9801;
        }
        
        .paris-title h2 {
            color: #df9801;
            font: 24px/1.5 'Microsoft YaHei';
        }
        
        #webglcanvas {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 0;
			}
        
        @import "${contextPath}/resources/css/js/iframe.css";
        @import "${contextPath}/resources/css/jikong.css";
    </style>
    
</head>
<body class="no-skin">
	<%-- <jsp:include page="index.jsp" flush="true" /> --%>
	
	
	<div style="width:500px;height:250px;background-color:black;margin:5px auto;" id="anotherPlugin"></div>
	
	
    <!--[if !IE]> -->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
    </script>

    <!-- <![endif]-->

    <!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery1x.js'>"+"<"+"/script>");
</script>
<![endif]-->
    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='${contextPath}/resources/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
    </script>
    <script src="${contextPath}/resources/assets/js/bootstrap.js"></script>
    
    <script type="text/javascript" src="${contextPath}/resources/My97DatePicker/WdatePicker.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/webVideoCtrl.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/config.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/camindex.js"></script>

    <!-- page specific plugin scripts -->

    <!-- ace scripts -->
    <script src="${contextPath}/resources/assets/js/ace/elements.scroller.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.colorpicker.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.fileinput.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.typeahead.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wysiwyg.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.spinner.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.treeview.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wizard.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.aside.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.ajax-content.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.touch-drag.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar-scroll-1.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.submenu-hover.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-box.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-rtl.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-skin.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-on-reload.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.searchbox-autocomplete.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.hover-dropdown.js"></script>
    <script src="${contextPath}/resources/assets/js/jquery-ui.js"></script>
    <script src="${contextPath}/resources/layer/layer.js"></script>
    <!-- inline scripts related to this page -->
    <script>
    function initCam2(){
    	// 检查插件是否已经安装过
    	if (-1 == WebVideoCtrl.I_CheckPluginInstall()) {
    		alert("您还未安装过插件，双击开发包目录里的WebComponents.exe安装！");
    		return;
    	}
    	
    	// 初始化插件参数及插入插件
    	WebVideoCtrl.I_InitPlugin(500, 280, {
            iWndowType: 1,
    		cbSelWnd: function (xmlDoc) {
    			g_iWndIndex = $(xmlDoc).find("SelectWnd").eq(0).text();
    			var szInfo = "当前选择的窗口编号：" + g_iWndIndex;
    			showCBInfo(szInfo);
    		}
    	});
    	WebVideoCtrl.I_InsertOBJECTPlugin("anotherPlugin");

    	// 检查插件是否最新
    	if (-1 == WebVideoCtrl.I_CheckPluginVersion()) {
    		alert("检测到新的插件版本，双击开发包目录里的WebComponents.exe升级！");
    		return;
    	}

    	// 窗口事件绑定
    	$(window).bind({
    		resize: function () {
    			var $Restart = $("#restartDiv");
    			if ($Restart.length > 0) {
    				var oSize = getWindowSize();
    				$Restart.css({
    					width: oSize.width + "px",
    					height: oSize.height + "px"
    				});
    			}
    		}
    	});

        //初始化日期时间
        var szCurTime = dateFormat(new Date(), "yyyy-MM-dd");
        $("#starttime").val(szCurTime + " 00:00:00");
        $("#endtime").val(szCurTime + " 23:59:59");
        
       /*  function config(){};
        
        config.server = {ip:'192.168.1.151',port:"80"};
        config.user = {username:'admin',password:"admin12345678"};
        config.camera = [1] */

    	autoLogin(0);
    }
    initCam2();
    </script>
</body>
</html>
